/* 原子化css */

/* 公共字体 */
.fs-18 {
  font-size: 1.8rem;
}
.fs-20 {
  font-size: 2rem;
}
.fs-22 {
  font-size: 2.2rem;
}
.fs-24 {
  font-size: 2.4rem;
}
.fs-26 {
  font-size: 2.6rem;
}
.fs-28 {
  font-size: 2.8rem;
}
.fs-30 {
  font-size: 3rem;
}
.fs-32 {
  font-size: 3.2rem;
}
.fs-34 {
  font-size: 3.4rem;
}
.fs-36 {
  font-size: 3.6rem;
}

/* 颜色 */
.color-red {
  color: #bd4c4b;
}
.color-666 {
  color: #666;
}
.color-999 {
  color: #999;
}

/* 背景 */
.bg-fff {
  background-color: #fff;
}
.bg-efef {
  background-color: #efefef;
}
.bg-red {
  background-color: #bd4c4b;
}

/* 控制溢出 */
.overflow {
  overflow: hidden;
}

/* 常用margin */
.m-t-15 {
  margin-top: 1.5rem;
}
.m-b-15 {
  margin-bottom: 1.5rem;
}
.m-15 {
  margin: 1.5rem;
}

/* 常用padding */
.p-t-30 {
  padding-top: 3rem;
}
.p-b-30 {
  padding-bottom: 3rem;
}
.p-30 {
  padding: 3rem;
}

/* flex布局 */
.flex {
  display: flex;
}
.justify-between {
  justify-content: space-between;
}
.justify-center {
  justify-content: space-center;
}
.justify-around {
  justify-content: space-around;
}
.align-center {
  align-items: center;
}
